

.img-box {
    width: 142.5px;
    height: 142.5px;
    float: left;
    padding: 1px;
    cursor: pointer;
}

/*屏幕小于576px时*/
@media (max-width: 576px) {
    .img-box {
        width: 33.33%;
    }
}

/*屏幕大于576px时*/
@media (min-width: 576px) {
    .img-box {
        width: 135px;
        height: 135px;
    }
}

/*屏幕大于768px时*/
@media (min-width: 768px) {
    .img-box {
        width: 120px;
        height: 120px;
    }
}

/*屏幕大于992px时*/
@media (min-width: 992px) {
    .img-box {
        width: 135px;
        height: 135px;
    }
}

/*屏幕大于1200px时*/
@media (min-width: 1200px) {
    .img-box {
        width: 142.5px;
        height: 142.5px;
    }
}